<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
    <link rel="stylesheet" type="text/css" href="../css/page/fans.css" />
</head>
<body>
    <div class="page" @vue:mounted="mounted">
        <div class="nav-bar">
            <div onclick="core.back()" class="nav-bar-back">
                <span class="icon iconfont icon-fanhui m_r_10"></span>
                <span class="nav-bar-back-text">返回</span>
            </div>
            <span class="nav-bar-title">我的粉丝</span>
        </div>
        
        <div class="fans-outer">
             <div class="fans-sys">
                 <dl>
                     <dt>我的粉丝</dt>
                     <dd>1</dd>
                 </dl>
                 <dl>
                    <dt>直属实名粉丝</dt>
                    <dd>2</dd>
                </dl>
             </div>
             <ul class="total-column">
                 <li> <span>0</span>  <span>已实名粉丝</span></li>
                 <li> <span>0</span>  <span>未实名粉丝</span></li>
                 <li> <span>0</span>  <span>直属粉丝</span></li>
                 <li> <span>0</span>  <span>间接粉丝</span></li>
                </ul>
        </div>

        <div class="active-fans">
            <h2 class="title">粉丝活跃</h2>
            <div class="active-inner">
                <dl class="row-data">   
                    <dt>今日</dt>
                    <dd> <span class="bold">1</span> <em>新增粉丝</em> </dd>
                    <dd> <span class="bold">1</span> <em>活跃粉丝</em> </dd>
                </dl>
                <dl class="row-data">   
                    <dt>昨日</dt>
                    <dd> <span class="bold">1</span> <em>新增粉丝</em> </dd>
                    <dd> <span class="bold">1</span> <em>活跃粉丝</em> </dd>
                </dl>
            </div>
            
        </div>
        <h2 class="title">查找粉丝</h2>
        <div class="finder-box">
            <input type="text" name="" id="">
            <button class="btn-search">查找</button>
        </div>
        <h2 class="title">我的邀请人</h2>
        <div class="invite-box">

        </div>

    </div>
<script src="../script/api.js"></script>
<script src="../script/common.js"></script>
<script type="module">
    import { createApp } from 'https://le.6gcc.com/app/web/script/pvue.js';
    const APP = () => {
        createApp({
            data:{

            },
           async getDetail(){
            core.log('----------------')
                let res = await core.post("tuser/ucenter");
                core.log(res)
            },
            mounted(){
                this.getDetail()
            }
        }).mount()
     }
     window.apiready = () => {
        $api.fixStatusBar($api.dom('.nav-bar'));
        APP();
    
    }
</script>
</body>
</html>